<!DOCTYPE html>
<html
  lang="zh"
  xmlns:th="http://www.thymeleaf.org"
  xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"
>
  <head>
    <th:block th:include="include :: header('日报列表')" />
  </head>
  <body class="gray-bg">
    <div class="container-div">
      <div class="row">
        <div class="col-sm-12 search-collapse">
          <form id="formId">
            <div class="select-list">
              <ul>
                <li>
                  部门成员 ：<input
                    type="text"
                    id="userName"
                    name="userName"
                    readonly="readonly"
                  />
                  <input type="hidden" id="userId" name="userId" />
                  <a
                    class="btn btn-info btn-xs "
                    href="javascript:void(0)"
                    onclick="chooseUser()"
                    ><i class="fa fa-user"></i>选择</a
                  >
                </li>

                <!-- <li>
								所属项目：<input type="text" name="proname"/>
							</li> -->

                <li class="select-time">
                  <label>起止时间： </label>
                  <input
                    type="text"
                    class="time-input"
                    id="startTime"
                    placeholder="开始时间"
                    name="params[beginTime]"
                  />
                  <span>-</span>
                  <input
                    type="text"
                    class="time-input"
                    id="endTime"
                    placeholder="结束时间"
                    name="params[endTime]"
                  />
                </li>
                <!--
							<li>
								工作内容：<input type="text" name="workDesc"/>
							</li>

							 <li>
								日报所属<input type="text" name="userName"/>
							</li>

							<li>
								日报所属部门<input type="text" name="deptName"/>
							</li> -->

                <li>
                  <a
                    class="btn btn-primary btn-rounded btn-sm"
                    onclick="$.table.search()"
                    ><i class="fa fa-search"></i>&nbsp;搜索</a
                  >
                  <a
                    class="btn btn-warning btn-rounded btn-sm"
                    onclick="$.form.reset()"
                    ><i class="fa fa-refresh"></i>&nbsp;重置</a
                  >
                </li>
              </ul>
            </div>
          </form>
        </div>

        <!-- 	        <div class="btn-group-sm" id="toolbar" role="group">
				<a class="btn btn-success" onclick="$.operate.add()" shiro:hasPermission="system:hxDayReport:add">
					<i class="fa fa-plus"></i> 添加
				</a>
				<a class="btn btn-primary single disabled" onclick="$.operate.edit()" shiro:hasPermission="system:hxDayReport:edit">
					<i class="fa fa-edit"></i> 修改
				</a>
				<a class="btn btn-danger multiple disabled" onclick="$.operate.removeAll()" shiro:hasPermission="system:hxDayReport:remove">
					<i class="fa fa-remove"></i> 删除
				</a>
				<a class="btn btn-warning" onclick="$.table.exportExcel()" shiro:hasPermission="system:hxDayReport:export">
						<i class="fa fa-download"></i> 导出
				 </a>
			</div> -->
        <div class="col-sm-12 select-table table-striped">
          <table id="bootstrap-table" data-mobile-responsive="true"></table>
        </div>
      </div>
    </div>
    <div th:include="include :: footer"></div>
    <script th:inline="javascript">
          var editFlag = [[${@permission.hasPermi('system:hxDayReport:edit')}]];
          var removeFlag = [[${@permission.hasPermi('system:hxDayReport:remove')}]];
          var projectTypes = [[${@dict.getType('hx_project_type')}]];
          var prefix = ctx + "system/hxDayReport";

          $(function() {
            var options = {
              url: prefix + "/list",
              createUrl: prefix + "/add",
              updateUrl: prefix + "/edit/{id}",
              removeUrl: prefix + "/remove",
              exportUrl: prefix + "/export",
              modalName: "日报",
              // showExport: true,
              columns: [{
                checkbox: true
              },
              {
                field : 'id',
                title : '主键ID',
                visible: false
              },
              {
                field : 'projectId',
                title : '项目ID',
                sortable: true,
                visible: false
              },
              {
                field : 'projectType',
                title : '项目类型',
                visible: false,
                sortable: true,
                formatter: function(value, item, index) {
                          return $.table.selectDictLabel(projectTypes, item.projectType);
                }
              },
              {
                field : 'proname',
                title : '项目'
              },
              {
                field : 'workDate',
                title : '工作日期',
                sortable: true,
                formatter: timeFormatter
              },
              {
                field : 'workDesc',
                title : '工作内容',
                formatter: function(value, row, index) {
                  let html = row.workDesc.replace(/@@/gi, '<br />')
                  return html
                }
              },
              {
                field : 'workTime',
                title : '工作时长',
                sortable: true
              },
              {
                field : 'userId',
                title : '日报所属用户ID',
                visible: false
              },
              {
                field : 'deptId',
                title : '日报所属用户的部门ID',
                visible: false
              },
              {
                field : 'createDate',
                title : '记录创建时间',
                sortable: true,
                visible: false
              },
              {
                field : 'updateDate',
                title : '记录修改时间',
                sortable: true,
                visible: false
              }
      /* ,
            {
                title: '操作',
                align: 'center',
                formatter: function(value, row, index) {
                	var actions = [];
                	actions.push('<a class="btn btn-success btn-xs ' + editFlag + '" href="javascript:void(0)" onclick="$.operate.edit(\'' + row.id + '\')"><i class="fa fa-edit"></i>编辑</a> ');
                          actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="javascript:void(0)" onclick="$.operate.remove(\'' + row.id + '\')"><i class="fa fa-remove"></i>删除</a>');
      		return actions.join('');
                }
            } */]
              };
              $.table.init(options);
          });

          function timeFormatter(value, row, index){
          	var html =('<span>'+row.workDate.substr(0,10)+'</span>');
          	return html;
          }


          function chooseUser(){
          	$.modal.open("选择用户", prefix + "/userChooseOne",900,660);
          }
    </script>
  </body>
</html>
